<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
    <title></title>

    <link type="text/css" media="all" rel="stylesheet" href="http://cdn.staticfile.org/twitter-bootstrap/3.1.1/css/bootstrap.min.css" />
    <link rel="stylesheet" href="http://cdn.staticfile.org/font-awesome/4.1.0/css/font-awesome.min.css">

    <link href="css/app.min.css" rel="stylesheet">
    <link href="css/style.min.css" rel="stylesheet">
    
    <script type="text/javascript" src="http://cdn.staticfile.org/jquery/2.1.1-rc2/jquery.min.js"></script>
    <script type="text/javascript" src="http://cdn.staticfile.org/twitter-bootstrap/3.1.1/js/bootstrap.min.js"></script>
    
    <script src="seajs/sea.js"></script>
      
    <script>
    seajs.config({
      base: "./seajs/",
      alias:{
        'jquery': 'jquery/jquery/1.10.1/jquery.js',
        "angularjs": "angular/angularjs/1.1.5/angular.js",
        "store": "gallery/store/1.3.7/store",
        "underscore": "gallery/underscore/1.4.4/underscore"
      }
    });

    seajs.use(['jquery', 'scripts/home.app'], function($, app){      
      app.init();
    });
    </script>

  </head>
<body>
  <ng-header></ng-header>
  
  <section class="masthead" id="bodyCtl" ng-controller="bodyCtl">
    <a href="#/home">主页</a> 
    <a href="#/other">其他页</a> 
    <a href="#/user">用户页</a>

    {{title}}

    <ul>
      <li ng-repeat="product in productList | displayData | limitTo: 2">
        {{product.name}}
      </li>
    </ul>

    <div ng-view></div>

  </section>
  

  <script id="templates/self_script.html" type="text/ng-template">
    <div style="color:red;">this is self script html - {{title}}</div>
  </script>
</body>
</html>
